<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>indoorFitness</title>

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
	
</script>
</head>
<body>
	<button style="bottom: 0px; width: 100%; height: 100%; font-size: 30px"
		id="click">天气原因拍照</button>
	<button
		style="bottom: 0px; width: 100%; height: 100%; font-size: 30px; display: none"
		id="viewPicture">上传图片</button>
	<img id="img">

	<script type="text/javascript">
		var html2 = window.location.href;
		$.post("/life/iniConfig/indoorFitness-jwh", {
			html2 : html2
		}, function(data) {
			if ("N" == data.button) {
				$("#click").css("display", "none");
			}

			wx.config({
				debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				appId : data.appid, // 必填，公众号的唯一标识
				timestamp : data.timestamp, // 必填，生成签名的时间戳
				nonceStr : data.nonceStr, // 必填，生成签名的随机串
				signature : data.signature,// 必填，签名，见附录1
				jsApiList : [ 'getLocation', 'chooseImage', 'uploadImage',
						'getLocalImgData' ]
			// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			});
			wx.error(function(res) {

				// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
			});

		});
		Location_X=30.899029;
		Location_Y=121.922908 ;

		var latitude = null; // 纬度，浮点数，范围为90 ~ -90
		var longitude = null; // 经度，浮点数，范围为180 ~ -180。
		var speed = null; // 速度，以米/每秒计
		var accuracy = null; // 位置精度
		var localPictureId = null;
		var serverId = 123;
		$("#click").click(function() {

			wx.ready(function() {

				// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

				wx.chooseImage({
					count : 1, // 默认9
					sizeType : [ 'original' ], // 可以指定是原图还是压缩图，默认二者都有
					sourceType : [ 'album', 'camera' ], // 可以指定来源是相册还是相机，默认二者都有
					success : function(res) {
						localPictureId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
						$("#img").attr("src", localPictureId);

					}
				});

				/* 			wx.uploadImage({
								    localId: localPictureId, // 需要上传的图片的本地ID，由chooseImage接口获得
								    isShowProgressTips: 1, // 默认为1，显示进度提示
								    success: function (res) {
								        var serverId = res.serverId; // 返回图片的服务器端ID
								alert("serverId------------"+serverId);
								    }
								}); */

			});

			$("#click").css("display", "none");
			$("#viewPicture").css("display", "inline");

		});
		$("#viewPicture")
				.click(
						function() {
							alert("viewPicture");
							wx.getLocation({
								type : 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
								success : function(res) {
									latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
									longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
									speed = res.speed; // 速度，以米/每秒计
									accuracy = res.accuracy; // 位置精度
								}
							});
							// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

							if (Math.abs(latitude-Location_X)<=0.0061&&Math.abs(longitude-Location_Y)<=0.000461) {
								wx.uploadImage({
									localId : localPictureId.toString(), // 需要上传的图片的本地ID，由chooseImage接口获得
									isShowProgressTips : 1, // 默认为1，显示进度提示
									success : function(res) {
										serverId = res.serverId; // 返回图片的服务器端ID
										alert("serverID" + serverId);
										$.post("/life/uploadImg",{'serverId' : serverId	},
										function(data) {
											alert("生命在于运动，风雨无阻//  ＋10元//   ＋100%执行能力//  ＋100%信誉度");
														});
											}
										});
							} else {
								alert("请移动到训练营内！");
							}

						});
	</script>


</body>
</html>